<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>网易考拉海购</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<link rel="stylesheet" type="text/css" href="../css/common.css">
</head>
<body>
    <div class="layout product_list">
    <!-- 搜索栏 -->
        <section class="search-search clearfix"> 
	        <div class="search-fu"><</div>
	        <input type="text" placeholder="手机壳">
	    </section>
    <!-- 选择栏 -->
        <ul class="nav">
        	<li class="active">综合</li>
        	<li>销量</li>
        	<li>价格</li>
        	<li>新品</li>
        </ul>
    <!-- 商品祥栏 -->
        <ul class="product_item">
            <li>
               <img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
               <h3>网易可爱卡通水杯适合各个年龄层</h3>
               <div class="mt20">
                  <span class="act-price">￥38</span>
                  <del class="mak-price">￥56</del>
               </div>
               <div color6><span class="act-tag">自营</span><span class="act-hot">券</span><span>97.5%好评</span></div>
               <div class="act-item"></div>
            </li>
            <li>
              <img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
               <h3>网易可爱卡通水杯适合各个年龄层</h3>
               <div class="mt20">
                  <span class="act-price">￥38</span>
                  <del class="mak-price">￥56</del>
               </div>
               <div color6><span class="act-tag">自营</span><span class="act-hot">券</span><span>97.5%好评</span></div>
               <div class="act-item"></div>
            </li>
            <li>
               <img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
               <h3>网易可爱卡通水杯适合各个年龄层</h3>
               <div class="mt20">
                  <span class="act-price">￥38</span>
                  <del class="mak-price">￥56</del>
               </div>
               <div color6><span class="act-tag">自营</span><span class="act-hot">券</span><span>97.5%好评</span></div>
               <div class="act-item"></div>
            </li>
            <li>
              <img src="https://haitao.nos.netease.com/onlineihleg5si12989.jpg?imageView&thumbnail=400x0&quality=95&type=webp">
               <h3>网易可爱卡通水杯适合各个年龄层</h3>
               <div class="mt20">
                  <span class="act-price">￥38</span>
                  <del class="mak-price">￥56</del>
               </div>
               <div color6><span class="act-tag">自营</span><span class="act-hot">券</span><span>97.5%好评</span></div>
               <div class="act-item"></div>
            </li> 
        </ul>
    </div>
	
	<script type="text/javascript" src="../js/rem.js"></script>
</body>
</html>